﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Text</title>
    <link type="text/css" href="../base.css" rel="stylesheet">
    <link type="text/css" href="index.css" rel="stylesheet">
</head>
<body>

<nav>CSS Course by @Castle</nav>

<!--Text Color-->
<p class="blue">
    blue text here
</p>
<p class="red">i am red</p>
<p class="white">i am white text</p>

<!--Text Align-->
<p class="left">
    Vue.js是由尤雨溪（Evan You）于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
</p>

<p class="right">
    Vue.js是由尤雨溪（Evan You）于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
</p>

<p class="center">
    Vue.js是由尤雨溪（Evan You）于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
</p>

<p class="justified">
    Vue.js是由尤雨溪（Evan You）于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
</p>


<!-- decoration -->
<p>Hello <span class="underline">
    this is a test
</span>
sentence
</p>

<p>Hello <span class="overline">
    this is a test
</span>
    sentence
</p>

<p>Hello <span class="strike">
    this is a test
</span>
    sentence
</p>

<!-- transform -->
<div class="body">
    <h1 class="page-title">text-transform</h1>
    <p class="para">
        This is a simple paragraph.I am trying while talking.
    </p>
</div>


<!-- text indent -->
<div class="body">
    <h1 class="page-title">text-indent</h1>
    <p class="text-test">
        Vue.js是由尤雨溪（Evan You）于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
    </p>
</div>



<!-- text spacing -->
<div class="body">
    <h1 class="page-title">letter-spacing</h1>
    <p class="letter-spacing">
        Vue.js是由尤雨溪（Evan You）于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
    </p>
</div>


<!-- line height -->
<div class="body">
    <h1 class="page-title">line-height</h1>
    <p class="line-height">
        Vue.js是由尤雨溪（Evan You）于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
    </p>
</div>



<!-- text direction -->
<div class="body">
    <h1 class="page-title">text-direction</h1>
    <p class="text-direction">
        Vue.js是由尤雨溪（Evan You）于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
    </p>
</div>



<!-- word spacing -->
<div class="body">
    <h1 class="page-title">word-spacing</h1>
    <p class="wordSpacing">
        Vue.js是由尤雨溪于2014年2月发布的渐进式JavaScript框架，基于标准HTML、CSS和JavaScript构建，采用MIT开源协议并由社区驱动维护。该框架核心库专注视图层开发，通过声明式、组件化的编程模型提升用户界面构建效率，具备约20KB轻量核心并采用虚拟DOM技术优化性能，能够处理大规模应用且几乎无需手动优化。
    </p>
</div>

</body>
</html>